<div class="ui-grid-row ui-widget-content" style="height: calc(100% - 30px)">
    <div class="ui-g act-attr-form">
        <input type="hidden" [(ngModel)]="procActEvent.eventId" />
        <div class="ui-g-6">
            <div class="ui-g-4">事件类型</div>
            <div class="ui-g-8">
                <input [(ngModel)]="procActEvent.eventTypeName" pInputText type="text" style="width:100%" />
            </div>
        </div>
        <div class="ui-g-6">
            <div class="ui-g-4">事件名称
                <span style="color:red;">*</span>
            </div>
            <div class="ui-g-8">
                <input [(ngModel)]="procActEvent.eventName" pInputText type="text" style="width:100%" />
            </div>
        </div>
        <div class="ui-g-12">
            <div class="ui-g-2">类路径
                <span style="color:red;">*</span>
            </div>
            <div class="ui-g-10">
                <input [(ngModel)]="procActEvent.eventClazz" pInputText type="text" style="width:100%" />
            </div>
        </div>
        <div class="ui-g-12">
            <div class="ui-g-2">参数</div>
            <div class="ui-g-10">
                <textarea [(ngModel)]="procActEvent.eventParam" pInputTextarea type="text"
                    style="width:100%"></textarea>
            </div>
        </div>
        <div class="ui-g-12" style="text-align: right;">
            <button pButton type="text" class="ui-button-dnager" icon="fa fa-plus" label="删除"></button>
            <button pButton type="text" class="ui-button-info" icon="fa fa-plus" label="保存" (click)="save()"></button>
        </div>
    </div>

    <div class="ui-g">
        <p-table [columns]="cols" [value]="events" selectionMode="single" [(selection)]="procActEvent"
            [scrollable]="true" scrollHeight="200px" (onRowSelect)="onRowSelect($event)">
            <ng-template pTemplate="header" let-columns>
                <tr>
                    <th *ngFor="let col of columns" [style.width]="col.width">
                        {{col.header}}
                    </th>
                </tr>
            </ng-template>
            <ng-template pTemplate="body" let-rowData let-columns="columns">
                <tr [pSelectableRow]="rowData">
                    <td *ngFor="let col of columns" [style.width]="col.width">
                        {{rowData[col.field]}}
                    </td>
                </tr>
            </ng-template>
        </p-table>
    </div>
</div>